<template>
	<view class="box_3 flex-col">
		<view class="box_4 flex-row justify-between">
			<image class="single-avatar_1" referrerpolicy="no-referrer"
				src="https://lanhu.oss-cn-beijing.aliyuncs.com/08cbc4248ec8f5a4e793af7acf6ba287" />
			<view class="section_1 flex-col justify-between">
				<view class="box_5 flex-row justify-between">
					<text class="text_2">季节电影</text>
					<view class="tag_1 flex-col">
						<text class="text_3">金卡会员</text>
					</view>
				</view>
				<text class="text_4">您将享受金卡会员权益</text>
			</view>
		</view>
		<view class="box_6 flex-row">
			<view class="text-group_1 flex-col justify-between">
				<text class="text_5">消费金额(元)</text>
				<view class="text_6">600.00</view>
			</view>
			<view class="text-wrapper_1 flex-col justify-between">
				<text class="text_7">分享卷(张)</text>
				<view class="text_8">5</view>
			</view>
		</view>
		<view class="box_13 flex-row" v-for="item in 5">
			<view class="group_2 flex-col justify-between">
				<view class="text-wrapper_7 flex-row justify-between">
					<text class="text_34">消费金额</text>
					<text class="text_35">350.00</text>
				</view>
				<text class="text_36">2024-08-06&nbsp;14:30:21</text>
			</view>
			<view style="padding-right: 40rpx;display: flex;align-items: center;">
				<text class="text_37">1</text>
				<text class="text_38">&nbsp;&nbsp;&nbsp;&nbsp;次</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				constants: {},
			};
		},
		methods: {},
	};
</script>

<style scoped lang="scss">
	.box_3 {
		position: relative;
		width: 750rpx;
		height: 1346rpx;

		.box_4 {
			width: 365rpx;
			height: 86rpx;
			display: flex;
			justify-content: space-between;
			margin: 70rpx 0 0 30rpx;

			.single-avatar_1 {
				width: 86rpx;
				height: 86rpx;
			}

			.section_1 {
				width: 258rpx;
				height: 68rpx;
				margin-top: 3rpx;

				.box_5 {
					width: 258rpx;
					height: 35rpx;
					display: flex;
					justify-content: space-between;

					.text_2 {
						width: 119rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(6, 5, 4, 1);
						font-size: 30rpx;
						font-family: PingFangSC-Heavy;
						font-weight: 900;
						text-align: left;
						white-space: nowrap;
						line-height: 30rpx;
						margin-top: 6rpx;
					}

					.tag_1 {
						height: 40rpx;
						background: url('../../static/consumptionfrequency/vip.png') 100% no-repeat;
						background-size: 100% 100%;
						width: 126rpx;

						.text_3 {
							width: 73rpx;
							height: 18rpx;
							overflow-wrap: break-word;
							color: rgba(108, 42, 9, 1);
							font-size: 18rpx;
							font-family: SourceHanSansCN-Normal;
							font-weight: normal;
							text-align: left;
							white-space: nowrap;
							margin: 13rpx 0 0 45rpx;
						}
					}
				}

				.text_4 {
					width: 199rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(64, 64, 64, 1);
					font-size: 20rpx;
					font-family: SourceHanSansCN-Regular;
					font-weight: normal;
					text-align: left;
					white-space: nowrap;
					line-height: 20rpx;
					margin: 14rpx 0 0 2rpx;
				}
			}
		}

		.box_6 {
			width: 742rpx;
			height: 198rpx;
			display: flex;
			background: url('../../static/consumptionfrequency/bg.png') 100% no-repeat;
			background-size: 100% 100%;
			margin: 23rpx 0 0 4rpx;

			.text-group_1 {
				width: 135rpx;
				height: 68rpx;
				margin: 50rpx 0 0 111rpx;

				.text_5 {
					width: 135rpx;
					height: 26rpx;
					overflow-wrap: break-word;
					color: rgba(255, 255, 255, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 40rpx;
				}

				.text_6 {
					width: 100rpx;
					height: 26rpx;
					overflow-wrap: break-word;
					color: rgba(255, 255, 255, 1);
					font-size: 32rpx;
					font-family: SourceHanSansCN-Regular;
					font-weight: normal;
					text-align: left;
					white-space: nowrap;
					line-height: 40rpx;
					margin: 0 0 0 14rpx;
				}
			}

			.text-wrapper_1 {
				width: 111rpx;
				height: 68rpx;
				margin: 50rpx 132rpx 0 253rpx;

				.text_7 {
					width: 111rpx;
					height: 26rpx;
					overflow-wrap: break-word;
					color: rgba(255, 255, 255, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 40rpx;
				}

				.text_8 {
					width: 16rpx;
					height: 26rpx;
					overflow-wrap: break-word;
					color: rgba(255, 255, 255, 1);
					font-size: 32rpx;
					font-family: SourceHanSansCN-Regular;
					font-weight: normal;
					text-align: left;
					white-space: nowrap;
					line-height: 40rpx;
					margin: 0 0 0 39rpx;
				}
			}
		}

		.box_7 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 20px;
			width: 690rpx;
			height: 118rpx;
			margin: 136rpx 0 0 28rpx;

			.group_1 {
				width: 228rpx;
				height: 65rpx;
				margin: 31rpx 0 0 35rpx;

				.text-wrapper_2 {
					width: 222rpx;
					height: 27rpx;

					.text_9 {
						width: 111rpx;
						height: 27rpx;
						overflow-wrap: break-word;
						color: rgba(77, 77, 77, 1);
						font-size: 28rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
					}

					.text_10 {
						width: 92rpx;
						height: 24rpx;
						overflow-wrap: break-word;
						color: rgba(230, 176, 91, 1);
						font-size: 30rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 39rpx;
						margin-top: 1rpx;
					}
				}

				.text_11 {
					width: 227rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 21rpx;
					margin: 19rpx 0 0 1rpx;
				}
			}

			.text_12 {
				width: 15rpx;
				height: 24rpx;
				overflow-wrap: break-word;
				color: rgba(230, 176, 91, 1);
				font-size: 30rpx;
				font-family: SourceHanSansCN-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 39rpx;
				margin: 54rpx 0 0 327rpx;
			}

			.text_13 {
				width: 28rpx;
				height: 28rpx;
				overflow-wrap: break-word;
				color: rgba(48, 48, 47, 1);
				font-size: 29rpx;
				font-family: SourceHanSansCN-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 38rpx;
				margin: 53rpx 37rpx 0 20rpx;
			}
		}

		.box_8 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 20px;
			width: 690rpx;
			height: 118rpx;
			margin: 19rpx 0 0 28rpx;

			.box_9 {
				width: 228rpx;
				height: 65rpx;
				margin: 31rpx 0 0 35rpx;

				.text-wrapper_3 {
					width: 222rpx;
					height: 27rpx;

					.text_14 {
						width: 111rpx;
						height: 27rpx;
						overflow-wrap: break-word;
						color: rgba(77, 77, 77, 1);
						font-size: 28rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
					}

					.text_15 {
						width: 92rpx;
						height: 24rpx;
						overflow-wrap: break-word;
						color: rgba(230, 176, 91, 1);
						font-size: 30rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 39rpx;
						margin-top: 1rpx;
					}
				}

				.text_16 {
					width: 227rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 21rpx;
					margin: 19rpx 0 0 1rpx;
				}
			}

			.text_17 {
				width: 16rpx;
				height: 24rpx;
				overflow-wrap: break-word;
				color: rgba(230, 176, 91, 1);
				font-size: 30rpx;
				font-family: SourceHanSansCN-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 39rpx;
				margin: 54rpx 0 0 326rpx;
			}

			.text_18 {
				width: 28rpx;
				height: 28rpx;
				overflow-wrap: break-word;
				color: rgba(48, 48, 47, 1);
				font-size: 29rpx;
				font-family: SourceHanSansCN-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 38rpx;
				margin: 53rpx 37rpx 0 20rpx;
			}
		}

		.box_10 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 20px;
			width: 690rpx;
			height: 118rpx;
			margin: 21rpx 0 0 26rpx;

			.block_1 {
				width: 238rpx;
				height: 65rpx;
				margin: 31rpx 0 0 35rpx;

				.text-wrapper_4 {
					width: 238rpx;
					height: 27rpx;

					.text_19 {
						width: 111rpx;
						height: 27rpx;
						overflow-wrap: break-word;
						color: rgba(77, 77, 77, 1);
						font-size: 28rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
					}

					.text_20 {
						width: 108rpx;
						height: 24rpx;
						overflow-wrap: break-word;
						color: rgba(230, 176, 91, 1);
						font-size: 30rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 39rpx;
						margin-top: 1rpx;
					}
				}

				.text_21 {
					width: 227rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 21rpx;
					margin: 19rpx 0 0 1rpx;
				}
			}

			.text_22 {
				width: 16rpx;
				height: 23rpx;
				overflow-wrap: break-word;
				color: rgba(230, 176, 91, 1);
				font-size: 30rpx;
				font-family: SourceHanSansCN-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 39rpx;
				margin: 55rpx 0 0 316rpx;
			}

			.text_23 {
				width: 28rpx;
				height: 28rpx;
				overflow-wrap: break-word;
				color: rgba(48, 48, 47, 1);
				font-size: 29rpx;
				font-family: SourceHanSansCN-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 38rpx;
				margin: 53rpx 37rpx 0 20rpx;
			}
		}

		.box_11 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 20px;
			width: 690rpx;
			height: 118rpx;
			margin: 23rpx 0 0 26rpx;

			.section_2 {
				width: 238rpx;
				height: 65rpx;
				margin: 31rpx 0 0 35rpx;

				.text-wrapper_5 {
					width: 238rpx;
					height: 27rpx;

					.text_24 {
						width: 111rpx;
						height: 27rpx;
						overflow-wrap: break-word;
						color: rgba(77, 77, 77, 1);
						font-size: 28rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
					}

					.text_25 {
						width: 108rpx;
						height: 24rpx;
						overflow-wrap: break-word;
						color: rgba(230, 176, 91, 1);
						font-size: 30rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 39rpx;
						margin-top: 1rpx;
					}
				}

				.text_26 {
					width: 227rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 21rpx;
					margin: 19rpx 0 0 1rpx;
				}
			}

			.text_27 {
				width: 16rpx;
				height: 23rpx;
				overflow-wrap: break-word;
				color: rgba(230, 176, 91, 1);
				font-size: 30rpx;
				font-family: SourceHanSansCN-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 39rpx;
				margin: 55rpx 0 0 316rpx;
			}

			.text_28 {
				width: 28rpx;
				height: 28rpx;
				overflow-wrap: break-word;
				color: rgba(48, 48, 47, 1);
				font-size: 29rpx;
				font-family: SourceHanSansCN-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 38rpx;
				margin: 53rpx 37rpx 0 20rpx;
			}
		}

		.list_1 {
			width: 690rpx;
			height: 255rpx;
			justify-content: space-between;
			margin: 21rpx 0 22rpx 24rpx;

			.list-items_1 {
				background-color: rgba(255, 255, 255, 1);
				border-radius: 20px;
				width: 690rpx;
				height: 118rpx;
				margin-bottom: 19rpx;

				.box_12 {
					width: 238rpx;
					height: 65rpx;
					margin: 31rpx 0 0 35rpx;

					.text-wrapper_6 {
						width: 238rpx;
						height: 27rpx;

						.text_29 {
							width: 111rpx;
							height: 27rpx;
							overflow-wrap: break-word;
							color: rgba(77, 77, 77, 1);
							font-size: 28rpx;
							font-family: SourceHanSansCN-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 21rpx;
						}

						.text_30 {
							width: 107rpx;
							height: 24rpx;
							overflow-wrap: break-word;
							color: rgba(230, 176, 91, 1);
							font-size: 30rpx;
							font-family: SourceHanSansCN-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 39rpx;
							margin-top: 1rpx;
						}
					}

					.text_31 {
						width: 227rpx;
						height: 19rpx;
						overflow-wrap: break-word;
						color: rgba(153, 153, 153, 1);
						font-size: 24rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
						margin: 19rpx 0 0 1rpx;
					}
				}

				.text_32 {
					width: 15rpx;
					height: 24rpx;
					overflow-wrap: break-word;
					color: rgba(230, 176, 91, 1);
					font-size: 30rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 39rpx;
					margin: 54rpx 0 0 317rpx;
				}

				.text_33 {
					width: 28rpx;
					height: 28rpx;
					overflow-wrap: break-word;
					color: rgba(48, 48, 47, 1);
					font-size: 29rpx;
					font-family: SourceHanSansCN-Regular;
					font-weight: normal;
					text-align: left;
					white-space: nowrap;
					line-height: 38rpx;
					margin: 53rpx 37rpx 0 20rpx;
				}
			}
		}

		.box_13 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 20px;
			width: 100%;
			height: 118rpx;
			display: flex;
			justify-content: space-between;

			.group_2 {
				width: 228rpx;
				height: 65rpx;
				margin: 31rpx 0 0 35rpx;

				.text-wrapper_7 {
					width: 222rpx;
					height: 27rpx;

					.text_34 {
						width: 111rpx;
						height: 27rpx;
						overflow-wrap: break-word;
						color: rgba(77, 77, 77, 1);
						font-size: 28rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 21rpx;
					}

					.text_35 {
						width: 92rpx;
						height: 24rpx;
						overflow-wrap: break-word;
						color: rgba(230, 176, 91, 1);
						font-size: 30rpx;
						font-family: SourceHanSansCN-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 39rpx;
						margin-top: 1rpx;
						margin-left: 10rpx;
					}
				}

				.text_36 {
					width: 227rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 21rpx;
					margin: 25rpx 0 0 1rpx;
					display: block;
				}
			}

			.text_37 {
				width: 13rpx;
				overflow-wrap: break-word;
				color: rgba(230, 176, 91, 1);
				font-size: 30rpx;
				font-family: SourceHanSansCN-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 39rpx;
				margin-right: 20rpx;
			}

			.text_38 {
				width: 28rpx;
				overflow-wrap: break-word;
				color: rgba(48, 48, 47, 1);
				font-size: 29rpx;
				font-family: SourceHanSansCN-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
			}
		}
	}
</style>